<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Tailwind Example</title>
    <link rel="stylesheet" type="text/css" href="/global.css" />
  </head>
  <body>
    <figure class="md:flebg-gray-100 rounded-xl p-8">
      <img
        class="w-32 h-32 rounded-full mx-auto"
        src="https://images.unsplash.com/photo-1621415346777-188c7f9d9727?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=256&h=256&q=75"
        alt=""
        width="384"
        height="512"
      />
      <div class="pt-6 space-y-4">
        <blockquote>
          <p class="text-lg font-semibold">
            “Tailwind CSS is the only framework that I've seen scale on large teams. It’s easy to
            customize, adapts to any design, and the build size is tiny.”
          </p>
        </blockquote>
        <figcaption class="font-medium">
          <div class="text-green-600">Sarah Dayan</div>
          <div class="text-gray-500">Staff Engineer, Algolia</div>
        </figcaption>
      </div>
    </figure>
  </body>
</html>
